* { font-family: '微软雅黑'; margin: 0; padding: 0;}
body {}
a { text-decoration-line: none; color: #fff; }
ul,li { list-style: none; margin: 0; padding: 0;}

.banner_box { background: #000; }
.banner_box .head { position: relative; z-index: 500;}
.banner_box .head .logo { position: absolute; left: 0; top:60px;}
.banner_box .head .logo img {}
.banner_box .head .nav {position: absolute; right: 0; top:60px; line-height: 40px;}
.banner_box .head .nav > div { width: auto; display: inline-block; margin-left: 50px; opacity: .7;}
.banner_box .head .nav > div i { color: #d42838; font-size: 0px; transition: .3s all; position: absolute; margin-top: 2px; margin-left: -18px; transition: .3s all;}
.banner_box .head .nav > div a { font-size: 18px; font-weight: bold; transition: .3s all;}
.banner_box .head .nav > div:hover { opacity: 1; transition: .5s all; }
.banner_box .head .nav > div:hover i { font-size: 38px; margin-left:-33px }

.banner_box .head .nav_btn { display: none;}
.banner_box .head .nav_btn_fold { display: none;}
/*
.banner_box .head .nav_phone { width: 50%; height:450px; background: url(../img/phone_nav_bg.png) repeat-x left top; background-size: auto 100%; position: fixed; right: -5%; top:0px; z-index: 5550; line-height: 50px; padding-top: 90px; display: none;}
.banner_box .head .nav_phone > div { width: auto; display: inline-block; margin-left: 30px;}
.banner_box .head .nav_phone > div i { color: #d42838; font-size:20px; transition: .3s all; position: absolute; margin-top: 2px; margin-left: -23px; transition: .3s all;}
.banner_box .head .nav_phone > div a { font-size: 17px; font-weight: bold; transition: .3s all;}
.banner_box .head .nav_phone > div:hover { transition: .5s all; }
.banner_box .head .nav_phone > div:hover i { font-size: 38px; margin-left:-33px }
*/


.block { width: 100%; height: auto; overflow: hidden;} /* min-width: 1300px;*/
.block .block_inner { width: 90%; margin: 0 auto;}
.block .title { width: auto; float: left;}
.block .title .dot { float: left; color: #f7384a; padding: 12px 5px 0 0;}
.block .title .dot i { font-size: 30px;}
.block .title .ch_name { float: left; font-size: 36px; color: #2a2928; font-weight: bold;}
.block .title .en_name { height: 120px; padding-left: 27px; font-size:29px; font-weight: 100; color: #b8b8b8; font-style: italic;}


/*.contact_box { position: relative;}*/
/*20211003*/
.contact_box { position: relative; height:580px!important;}

.contact_box .title { position: absolute; z-index: 300; top: 70px;  }
.contact_box .info { position: absolute; z-index: 300; top: 270px; padding-left: 30px; color: #4d4d4d; line-height: 42px; }
.contact_box .info ul {}
.contact_box .info ul li {}
.contact_box .info ul li img { margin-top: 30px; width: 90px;}
.contact_box .background { width: 100%; height: auto; overflow: hidden;  }
.contact_box .background img { float: right;}

.tags { height: 70px; background: #fff; line-height: 70px; border-bottom: 1px solid #ddd;}
.tags ul {  text-align: center;}
.tags ul li { width: auto; display: inline-block; margin: 0 40px; color: #3f3f3f; cursor: pointer;}
.tags ul li a { color: #3f3f3f;}
.tags ul li:hover,.tags ul li.active { height: 70px; border-bottom:#f73846 4px solid; font-weight: 900; box-sizing: border-box }


.foot_box { max-height: 226px; overflow: hidden; margin-top: -4px; font-size: 14px; padding: 10px 0 0px; position: relative; background:#2a2828 url(../img/foot_bg.png) no-repeat center top;}
.foot_box .block_inner { width: 87%}
.foot_box .logo { float: left; padding-top: 50px;}
.foot_box .logo img {}
.foot_box .url { font-size: 10px; letter-spacing: 1.5px; font-family: arial black; position: absolute; top: 130px; background: #565656; color: #2a2828; padding: 0 4px; border-radius: 4px;}
.foot_box ul { display: block; float: right; width: auto; padding-bottom: 30px; font-size: 12px;}
.foot_box ul li {width: auto;min-width: 180px;display: block;float: left;margin-right: 30px;}
.foot_box ul li h3 { width: 200px; display: block;  line-height: 45px; padding-left: 10px; color: #888; border-bottom: 1px dotted #555; margin-bottom: 8px; font-size: 17px;}
.foot_box ul li a { display: block; line-height: 30px; color: #bbb; float: left; padding-right: 30px;}
.foot_box ul li a:hover { color: #eee; }
.foot_box ul li a i {  background: #565656; color: #e0e0e0;; margin-right: 12px; font-size: 12px; padding: 5px; border-radius: 20px;}
.foot_box .cr { height: 36px; overflow: hidden; clear: both; background: #333; line-height: 36px; color: #bbb; text-align: center; font-size: 12px; }

/*20211003*/
.cd-top {
  display: inline-block;height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);  /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(233, 36, 55, 0.8) url(../img/gotop.png) no-repeat center 50%; background-size: 70% auto; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible; opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256; opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px; bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px; width: 60px; right: 30px; bottom: 30px;
  }
}

/*1004文章分享*/
.share_box { width: 100%; height: auto; text-align: center;}
.share_box span { display: inline-block; line-height: 30px; font-size: 12px; color: #666; padding-left: 30px;}
.share_box .share_list { height: 50px; padding: 0; display: inline-block; padding-right: 30px;}
.share_box .share_list li { width: auto; height: 30px; padding: 0; display: inline-block; border: 0; padding: 0 4px; opacity: .5; transition: .3s all;}
.share_box .share_list li:hover { opacity: 1; transition: .3s all;}
.share_box .share_list li i { color: #838383; font-size: 20px;}
.share_box .share_list li .icon-wechat-fill { color:#2EBF75;}
.share_box .share_list li .icon-weibo-fill { color:#EC2326;}
.share_box .share_list li .icon-qq-fill { color:#3272C9;}
.share_box .share_list li .icon-dingding-fill { color:#2D8EF5;}

/*右侧悬浮QQ微信*/
.contactBox { height: auto; width: 60px; right: 30px; bottom: 48%; position: fixed;}
.contactBox a { height: 60px; width: 60px; display: inline-block; text-align: center; vertical-align: middle; margin-bottom: 10px; opacity: .7;  transition: .3s all;}
.contactBox a > img { vertical-align: middle; display: inline-block;}
.contactBox a span { height: auto; width: 140px; display: inline-block; text-align: center; padding: 7px; background: #fff; line-height: 30px; font-size: 14px; color: #666; margin-left: -216px;  transition: .3s all; display: none; box-shadow: 0px 0px 12.09px 0.91px rgba(0, 0, 0, 0.15);}
.contactBox a span img { width: 140px; height: 140px; }
.contactBox a.qq { background: rgba(233, 36, 55, 1) url(../img/icon_qq.png) center center no-repeat; }
.contactBox a.wechat { background: rgba(233, 36, 55, 1) url(../img/icon_wechat.png) center center no-repeat;}
.contactBox a:hover { opacity: 1; transition: .3s all; }
.contactBox a:hover span { display: inline-block; transition: .3s all; }

@media screen and (max-width: 1023px) {
.banner_box .head .logo { position: absolute; left: 0; top:40px;}/* top:60px;*/
.banner_box .head .whatsnew { position: absolute; right: 0; top:40px; line-height: 40px;}/* top:60px;*/

/*1004*/
.banner_box .head .nav_btn { width: 50px; height:50px; display: block; background:#e92437 url(../img/menu-fill.png) no-repeat 3px center; background-size: 60% auto; position: fixed; right: 0%; top:25px; z-index: 5555;}
.banner_box .head .nav_btn_fold { width: 50px; height:50px; display: block; background:#e92437 url(../img/menu-close.png) no-repeat 0px center; background-size: 75% auto; position: fixed; right: 0%; top:25px; z-index: 5555; display: none;}
.banner_box .head .nav { width: 50%; height:450px; background: url(../img/phone_nav_bg.png) repeat-x left top; background-size: auto 100%; position: fixed; right: -5%; top:0px; z-index: 5550; line-height: 50px; padding-top: 90px; display: none;}
.banner_box .head .nav > div { width: auto; display: inline-block; margin-left: 30px; opacity: 1;}
.banner_box .head .nav > div i { color: #d42838; font-size:20px; transition: .3s all; position: absolute; margin-top: 2px; margin-left: -23px; transition: .3s all;}
.banner_box .head .nav > div a { font-size: 17px; font-weight: bold; transition: .3s all;}
.banner_box .head .nav > div:hover { transition: .5s all; }
.banner_box .head .nav > div:hover i { font-size: 38px; margin-left:-33px }
	
	
	
.block { width: 100%; height: auto; overflow: hidden;} /* min-width: 1300px;*/

.contact_box .info { position: absolute; z-index: 300; top: 210px; padding-left:10px; color: #4d4d4d; line-height: 42px; }/* top: 270px; padding-left: 30px;*/
.contact_box .background {width: auto; height: auto; overflow: hidden;  }/* width: 100%; height: auto; overflow: hidden;  */
.contact_box .background img {margin-left: -470px;height: 750px;width: auto;float: none;}/* float: right;*/

.tags { height:auto; background: #fff; line-height: 70px; border-bottom: 1px solid #ddd;}
.tags ul li { width: auto; display: inline-block; margin: 0 10px; color: #3f3f3f; cursor: pointer; font-size: 14px;}/* width: auto; display: inline-block; margin: 0 40px; color: #3f3f3f; cursor: pointer; font-size: 无;*/

.share_box span.time { display: block; padding-left: 0px;}	
	
.foot_box { max-height: 630px; overflow: hidden; margin-top: -4px; font-size: 14px; padding: 10px 0 0px; position: relative; background:#2a2828 url(../img/case_bannerBg.png) no-repeat center top;}/* max-height: 226px; background:#2a2828 url(../img/foot_bg.png) no-repeat center top;*/
.foot_box .logo { float: left; padding: 25px 0;}/*padding-top: 50px;*/
.foot_box ul li { width: 100%; display: block; float: left; margin-bottom: 20px;}/*margin-bottom: 0px; width: auto; min-width: 280px;*/
.foot_box ul li a { display: block; line-height: 30px; color: #bbb; float: left; padding-right: 30px; font-size: 14px;}/* width: 200px; font-size: 14px;*/
.foot_box ul li a i {  background: #565656; color: #e0e0e0;; margin-right: 12px; font-size: 14px; padding: 5px; border-radius: 20px;}/*font-size: 12px;*/
.foot_box .cr {  height: auto; overflow: hidden; clear: both; background: #333; line-height:18px; color: #bbb; text-align: center; font-size: 12px; padding:8px 15px; }/* height: 36px;padding:0; line-height: 36px; font-size: 12px;*/

}